﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
    Async="true" ValidateRequest="false" CodeFile="contact-us.aspx.cs" Inherits="contact_us_contact_us" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cpHeader" runat="Server">
    <div class="main-bg jungle-big-bg">
        <div class="radius-box">
            <div class="contact-col-2">
                <div class="main-title-heading">
                    Send Us Your Feedback</div>
                <asp:UpdatePanel ID="uplFeedBack" runat="server">
                    <ContentTemplate>
                        <div id="divThankYou" visible="false" runat="server" style="padding-left: 40px;">
                            <asp:Label runat="server" Font-Size="Large" ForeColor="green" ID="lblThankYou"><%=GetGlobalResourceObject("UserMessage", "FeedbackThankyou")%></asp:Label>
                        </div>
                        <div>
                            <asp:Label ID="lblMessage" runat="server" ForeColor="Red"></asp:Label>
                            <asp:ValidationSummary ID="vsFeedback" runat="server" ValidationGroup="feedback"
                                ShowSummary="True" HeaderText="<%$ Resources:General,RequiredValidation%>" CssClass="error-msg" />
                        </div>
                        <br />
                        <div class="emotion-col">
                            <%=GetGlobalResourceObject("UserMessage", "Whatyoufeel")%></div>
                        <div class="emotion-row" id="divET">
                            <div style="float: left;">
                                <asp:ImageButton ID="ibtnVeryUseful" runat="server" ToolTip="<%$ Resources:Title,VeryUseful%>"
                                    ImageUrl="/images/icons/emotion/happy-icon.png" Width="70" Height="70" BorderStyle="none"
                                    OnClientClick="return ChangeImage('EV')" AlternateText="" />
                            </div>
                            <div style="float: left;">
                                <asp:ImageButton ID="ibtnGood" runat="server" ToolTip="<%$ Resources:Title,Good%>"
                                    ImageUrl="/images/icons/emotion/smile-icon.png" Width="70" Height="70" BorderStyle="none"
                                    OnClientClick="return ChangeImage('EG')" AlternateText="" />
                            </div>
                            <div style="float: left;">
                                <asp:ImageButton ID="ibtnOk" runat="server" ToolTip="<%$ Resources:Title,OK%>" BorderStyle="none"
                                    ImageUrl="/images/icons/emotion/ok-icon.png" Width="70" Height="70" OnClientClick="return ChangeImage('EO')"
                                    AlternateText="" />
                            </div>
                            <div style="float: left;">
                                <asp:ImageButton ID="ibtnSad" runat="server" ToolTip="<%$ Resources:Title,Sad%>"
                                    ImageUrl="/images/icons/emotion/sad-icon.png" Width="70" Height="70" BorderStyle="none"
                                    OnClientClick="return ChangeImage('ES')" AlternateText="" />
                            </div>
                            <div style="float: left;">
                                <asp:ImageButton ID="ibtnAngry" runat="server" ToolTip="<%$ Resources:Title,Angry%>"
                                    ImageUrl="/images/icons/emotion/angry-icon.png" Width="70" Height="70" BorderStyle="none"
                                    OnClientClick="return ChangeImage('EA')" AlternateText="" />
                            </div>
                            <div style="display: none;">
                                <asp:TextBox ID="txtEmotionType" runat="server"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="rfvEmotionType" ValidationGroup="feedback" validationErrorCssClass="validationError"
                                    runat="server" ControlToValidate="txtEmotionType"></asp:RequiredFieldValidator>
                            </div>
                        </div>
                        <div class="feedback-col">
                            <%=GetGlobalResourceObject("UserMessage", "FeedbackType")%>
                        </div>
                        <div class="suggest-row" id="divFT">
                            <div style="float: left; margin: 5px 5px 0px 5px;">
                                <asp:ImageButton ID="ibtnSuggestion" runat="server" ToolTip="<%$ Resources:Title,Suggestion%>"
                                    ImageUrl="/images/icons/emotion/button-suggestion.png" BorderStyle="none" OnClientClick="return ChangeImage('BS')"
                                    Style="width: 100px; height: 24px;" AlternateText="" />
                            </div>
                            <div style="float: left; margin: 5px 5px 0px 5px;">
                                <asp:ImageButton ID="ibtnCompliment" runat="server" ToolTip="<%$ Resources:Title,Compliment%>"
                                    ImageUrl="/images/icons/emotion/button-compliment.png" BorderStyle="none" OnClientClick="return ChangeImage('BC')"
                                    Style="width: 100px; height: 24px;" AlternateText="" />
                            </div>
                            <div style="float: left; margin: 5px 5px 0px 5px;">
                                <asp:ImageButton ID="ibtnBug" runat="server" ToolTip="<%$ Resources:Title,Bug%>"
                                    ImageUrl="/images/icons/emotion/button-bug.png" BorderStyle="none" OnClientClick="return ChangeImage('BB')"
                                    Style="width: 100px; height: 24px;" AlternateText="" />
                            </div>
                            <div style="display: none;">
                                <asp:TextBox ID="txtFeedbackType" runat="server"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="rfvFeedbackType" ValidationGroup="feedback" validationErrorCssClass="validationError"
                                    runat="server" ControlToValidate="txtFeedbackType"></asp:RequiredFieldValidator>
                            </div>
                        </div>
                        <div class="form-col-1">
                            <div class="tx-field">
                                <div class="name-field">
                                    Your Name</div>
                                <div class="name-field">
                                    Your Email</div>
                                <div class="name-field">
                                    Your Feedback</div>
                            </div>
                            <div class="form-field">
                                <asp:TextBox runat="server" ID="txtName" CssClass="contact-fields" MaxLength="50"></asp:TextBox>
                                <cc1:TextBoxWatermarkExtender ID="tbwName" runat="server" TargetControlID="txtName"
                                    WatermarkCssClass="contact-fields" WatermarkText="<%$ Resources:General,EnterName%>">
                                </cc1:TextBoxWatermarkExtender>
                                <asp:RequiredFieldValidator ID="rfvName" runat="server" ControlToValidate="txtName"
                                    Display="Dynamic" ErrorMessage="" ValidationGroup="feedback" CssClass="validationError"></asp:RequiredFieldValidator>
                                <asp:RegularExpressionValidator ID="revName" runat="server" ControlToValidate="txtName"
                                    CssClass="validationError" ErrorMessage="" ValidationExpression="^[\p{L}\d]*[^#$%^&*():/\.'^<>]*$"
                                    ValidationGroup="feedback"></asp:RegularExpressionValidator>
                                <asp:TextBox runat="server" ID="txtEmail" CssClass="contact-fields" MaxLength="70"></asp:TextBox>
                                <cc1:TextBoxWatermarkExtender ID="tbwEmail" runat="server" TargetControlID="txtEmail"
                                    WatermarkCssClass="contact-fields" WatermarkText="<%$ Resources:General,EnterEmail%>">
                                </cc1:TextBoxWatermarkExtender>
                                <asp:RequiredFieldValidator ID="rfvEmail" runat="server" ControlToValidate="txtEmail"
                                    Display="Dynamic" ErrorMessage="" ValidationGroup="feedback" CssClass="validationError"></asp:RequiredFieldValidator>
                                <asp:RegularExpressionValidator ID="revEmail" runat="server" ControlToValidate="txtEmail"
                                    ErrorMessage="" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
                                    ValidationGroup="feedback" CssClass="validationError"></asp:RegularExpressionValidator>
                                <asp:TextBox ID="txtFeedBack" Enabled="true" runat="server" Columns="61" MaxLength="500"
                                    Rows="7" TextMode="MultiLine" CssClass="feedback-fields"></asp:TextBox>
                                <asp:RequiredFieldValidator ValidationGroup="feedback" CssClass="validationError"
                                    ID="rfvFeedback" runat="server" ErrorMessage="" ControlToValidate="txtFeedBack"></asp:RequiredFieldValidator>
                                <asp:Button ID="btnSendFeedBack" ValidationGroup="feedback" Text="<%$ Resources:General,Submit%>"
                                    runat="server" CssClass="contact-btn" OnClick="btnSendFeedBack_Click" ToolTip="<%$ Resources:General,Submit%>"
                                    OnClientClick="LoadValidationErrorCss();chkEmoValidation();if (Page_ClientValidate('feedback')){this.removeAttribute('onmouseout');this.removeAttribute('onmouseup');this.className = 'contact-btn-processing';}" />
                            </div>
                        </div>
                    </ContentTemplate>
                </asp:UpdatePanel>
            </div>
            <div class="contact-col-1">
                <div class="small-col-1">
                    <div class="contact-heading-2">
                        Write to us:
                    </div>
                    <div>
                        CompareXpress Insurance Broker (Thailand) Ltd.
                        <br />
                        42nd Floor, United Center Building,
                        <br />
                        323 Silom Road, Bangrak,
                        <br />
                        Bangkok 10500
                    </div>
                </div>
                <div class="small-col-2">
                    <div class="contact-heading-2">
                        Send us email:</div>
                    <div>
                        For all general enquiries and feedback, Please e-mail us at: <a href="mailto:support@gluaygluay.com"
                            style="text-decoration: none; color: #0088ce;">support@gluaygluay.com</a>
                    </div>
                </div>
                <div>
                    <img src="/images/call-character.png" width="350" height="214" alt="" /></div>
            </div>
            <div class="google-map">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m8!1m3!1d7751.6640669258695!2d100.531678!3d13.728617!3m2!1i1024!2i768!4f13.1!4m7!1i0!3e6!4m0!4m3!3m2!1d13.727013999999999!2d100.531633!5e0!3m2!1sen!2sus!4v1407309489244"
                    width="900" height="280" frameborder="0" style="border: 0"></iframe>
                <div class="top10">
                    <small><a target="_blank" href="https://maps.google.com.sg/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=CompareXpress+Insurance+Broker+%28Thailand%29+Ltd.&amp;aq=0&amp;oq=CompareXpres&amp;sll=13.723419,100.476232&amp;sspn=0.732407,1.352692&amp;g=Bangkok&amp;ie=UTF8&amp;t=m&amp;ll=13.724231,100.525932&amp;spn=0.007296,0.00912&amp;z=16&amp;iwloc=A"
                        style="font-size: 14px; color: #000; text-align: left">View Larger Map</a></small>
                </div>
            </div>
            <div style="display: none;">
                <asp:TextBox ID="lblFeedBackTitle" runat="server" Text="<%$ Resources:EmailMessage,FBThanksTitle%>"></asp:TextBox>
            </div>
        </div>
    </div>

    <script type="text/javascript">

        function showhide(el) {

            el = document.getElementById(el);
            el.style.display = (el.style.display == "none") ? "block" : "none";

        }
        function ChangeImage(btnName) {

            var txtET = document.getElementById('<%=txtEmotionType.ClientID%>');
            var txtFT = document.getElementById('<%=txtFeedbackType.ClientID%>');

            var imgBS = document.getElementById('<%=ibtnSuggestion.ClientID%>');
            var imgBC = document.getElementById('<%=ibtnCompliment.ClientID%>');
            var imgBB = document.getElementById('<%=ibtnBug.ClientID%>');

            var imgEV = document.getElementById('<%=ibtnVeryUseful.ClientID%>');
            var imgEG = document.getElementById('<%=ibtnGood.ClientID%>');
            var imgEO = document.getElementById('<%=ibtnOk.ClientID%>');
            var imgES = document.getElementById('<%=ibtnSad.ClientID%>');
            var imgEA = document.getElementById('<%=ibtnAngry.ClientID%>');

            if (btnName == "BS") {
                txtFT.value = "1";
                divFT.className = 'suggest-row';
                imgBS.src = '/images/icons/emotion/button-suggestion-s.png';
                imgBC.src = '/images/icons/emotion/button-compliment.png';
                imgBB.src = '/images/icons/emotion/button-bug.png';
            }
            else if (btnName == "BC") {
                txtFT.value = "2";
                divFT.className = 'suggest-row';
                imgBS.src = '/images/icons/emotion/button-suggestion.png';
                imgBC.src = '/images/icons/emotion/button-compliment-s.png';
                imgBB.src = '/images/icons/emotion/button-bug.png';
            }
            else if (btnName == "BB") {
                txtFT.value = "3";
                divFT.className = 'suggest-row';
                imgBS.src = '/images/icons/emotion/button-suggestion.png';
                imgBC.src = '/images/icons/emotion/button-compliment.png';
                imgBB.src = '/images/icons/emotion/button-bug-s.png';
            }
            else if (btnName == "EV") {
                txtET.value = "1";
                divET.className = 'emotion-row';
                imgEV.src = '/images/icons/emotion/happy-icon-s.png';
                imgEG.src = '/images/icons/emotion/smile-icon.png';
                imgEO.src = '/images/icons/emotion/ok-icon.png';
                imgES.src = '/images/icons/emotion/sad-icon.png';
                imgEA.src = '/images/icons/emotion/angry-icon.png';
            }
            else if (btnName == "EG") {
                txtET.value = "2";
                divET.className = 'emotion-row';
                imgEV.src = '/images/icons/emotion/happy-icon.png';
                imgEG.src = '/images/icons/emotion/smile-icon-s.png';
                imgEO.src = '/images/icons/emotion/ok-icon.png';
                imgES.src = '/images/icons/emotion/sad-icon.png';
                imgEA.src = '/images/icons/emotion/angry-icon.png';
            }
            else if (btnName == "EO") {
                txtET.value = "3";
                divET.className = 'emotion-row';
                imgEV.src = '/images/icons/emotion/happy-icon.png';
                imgEG.src = '/images/icons/emotion/smile-icon.png';
                imgEO.src = '/images/icons/emotion/ok-icon-s.png';
                imgES.src = '/images/icons/emotion/sad-icon.png';
                imgEA.src = '/images/icons/emotion/angry-icon.png';
            }
            else if (btnName == "ES") {
                txtET.value = "4";
                divET.className = 'emotion-row';
                imgEV.src = '/images/icons/emotion/happy-icon.png';
                imgEG.src = '/images/icons/emotion/smile-icon.png';
                imgEO.src = '/images/icons/emotion/ok-icon.png';
                imgES.src = '/images/icons/emotion/sad-icon-s.png';
                imgEA.src = '/images/icons/emotion/angry-icon.png';
            }
            else if (btnName == "EA") {
                txtET.value = "5";
                divET.className = 'emotion-row';
                imgEV.src = '/images/icons/emotion/happy-icon.png';
                imgEG.src = '/images/icons/emotion/smile-icon.png';
                imgEO.src = '/images/icons/emotion/ok-icon.png';
                imgES.src = '/images/icons/emotion/sad-icon.png';
                imgEA.src = '/images/icons/emotion/angry-icon-s.png';
            }
            else {
                txtET.value = "";
                txtFT.value = "";

                imgBS.src = '/images/icons/emotion/button-suggestion.png';
                imgBC.src = '/images/icons/emotion/button-compliment.png';
                imgBB.src = '/images/icons/emotion/button-bug.png';

                imgEV.src = '/images/icons/emotion/happy-icon.png';
                imgEG.src = '/images/icons/emotion/smile-icon.png';
                imgEO.src = '/images/icons/emotion/ok-icon.png';
                imgES.src = '/images/icons/emotion/sad-icon.png';
                imgEA.src = '/images/icons/emotion/angry-icon.png';
            }
            return false;
        }
        function chkEmoValidation() {
            var txtET = document.getElementById('<%=txtEmotionType.ClientID%>');
            var txtFT = document.getElementById('<%=txtFeedbackType.ClientID%>');

            if (txtET.value == '')
                divET.className = 'emotion-row-error';
            else
                divET.className = 'emotion-row';


            if (txtFT.value == '')
                divFT.className = 'suggest-row-error';
            else
                divFT.className = 'suggest-row';
        }
    </script>

</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="cpBody" runat="Server">
</asp:Content>
